/**
 * Created by lvjh on 2016/11/15.
 */

//模拟从服务器获取用户抽奖数量，加载到页面上
var times=2;
$('.info .times').html(times);
//模拟服务器获取用户卡片数量，加载到页面中
var kardAll=[0,1,0,7,1,0,0,0];  //初始应全为0，此处做测试
(function(){
    for(var i=0;i<8;i++){
        var dump=kardAll[i];
        //i=0不做处理
        if(dump!=0){
            if(dump==1){
                $('.kard_content .kard').eq(i).find('img').attr('src','images/'+i+'.png');
            }if(dump>1){
                $('.kard_content .kard').eq(i).find('img').attr('src','images/'+i+'.png');
                $('.kard_content .kard').eq(i).find('p').removeClass('hide').find('span').html(dump);
            }
        }
    }
})();

//前端随机数测试  （点我开福袋事件）
// 随机1》    绑定过的手机号=》直接抽奖 （调用抽奖的函数）
//              或者没有抽奖机会了 弹出分享框
// 随机2》没绑定过的》调到P1-1登陆，里面又有两个情况
//                           提交绑定  或者直接确认手机号
//bangding为测试是否绑定过,0为没绑，1为绑。
//ifchou为测试是否有抽奖机会，0为没有，弹出分享框；1为有，调用抽奖函数
//ifhaveopenId，测试后台有无该Id,0为没有，1为有
var bangding=Math.floor(Math.random()*2);
var ifchou=Math.floor(Math.random()*2);
var ifhaveopenId=Math.floor(Math.random()*2);
//点击开福袋，进行判定
$('.click').on('click',function(){
    if(bangding==0){
        if(ifhaveopenId==0){
            $('.phone_bd').removeClass('hide');
        }else{
            $('.phone_sure').removeClass('hide');
        }
    }else{
        if(ifchou==0){
            $('.info_no').removeClass('hide');
        }else{
            chou();
        }
    }
});
//随机抽福卡函数
function chou(){
    //没有次数了提示弹窗
    if(times<=0){
        $('.info_no').removeClass('hide');
    }else{
        //次数减一，并显示到页面
        times--;
        $('.info .times').html(times);
        //测试：从0,1,2,3,4,5,6,7中抽随机数
        var kard=Math.floor(Math.random()*8);
        var kardArr=['年','末','回','馈','百','万','话','费'];
        var src=$('.kard_content .kard').eq(kard).find('img').attr('src');
        //跳出福卡弹窗
        $('.kard_mask .name_lt').html(kardArr[kard]);
        $('.kard_mask .name_bg').find('img').attr('src','images/'+kard+'-2.png');
        $('.kard_mask').removeClass('hide');
        //页面同时进行更新
        //字符串长度，判定原来的是否有这个卡
        if(src.length==14){
            var arr=src.split('');
            arr.splice(8,2);
            src=arr.join('');
            $('.kard_content .kard').eq(kard).find('img').attr('src',src);
        }else{
            //如果原来有这个卡
            var kardNumber=$('.kard_content .kard').eq(kard).find('.kard_number');
            kardNumber.removeClass('hide');
            var num=parseInt(kardNumber.find('span').html())+1;
            kardNumber.find('span').html(num);
        }
    }
}

//验证码和手机号判定的相关代码
var isPhone = 1;
function getCode(e){
    checkPhone(); //验证手机号码
    if(isPhone){
        resetCode(); //倒计时
    }else{
        $('.phone_bd .phone').focus();
    }
}
//验证手机号码
function checkPhone(){
    var phone = $('.phone_bd .phone').val();
    var pattern = /^1[0-9]{10}$/;
    isPhone = 1;
    if(phone == '') {
        alert('请输入手机号码');
        isPhone = 0;
        return;
    }
    if(!pattern.test(phone)){
        alert('请输入正确的手机号码');
        isPhone = 0;
        return;
    }
}
//倒计时
function resetCode(){
    $('.phone_bd .get').addClass('hide');
    $('.get_again>span').html('60');
    $('.get_again').removeClass('hide');
    var second = 60;
    var timer = null;
    timer = setInterval(function(){
        second -= 1;
        if(second >0){
            $('.get_again>span').html(second);
        }else{
            clearInterval(timer);
            $('.phone_bd .get').removeClass('hide');
            $('.get_again').addClass('hide');
        }
    },1000);
}

//*******获取验证码按钮
$('.phone_bd .get').on('click',function(){
    getCode();//调用倒计时功能
});
//*******提交绑定按钮（缺少判定验证码正确性）
$('.phone_bd .put').on('click',function(){
    var phone = $('.phone_bd .phone').val();
    var pattern = /^1[0-9]{10}$/;
    if(phone == '') {
        alert('请输入手机号码');
        return;
    }
    if(!pattern.test(phone)){
        alert('请输入正确的手机号码');
        return;
    }
    if($('.phone_bd .code').val()==''){
        alert('验证码有误');
    }
    else{  //验证成功后
        $('.phone_bd').addClass('hide');
        $('.phone_sure').removeClass('hide');
        var phone_number= $('.phone_bd .phone').val();
        $('.phone_sure .code').val(phone_number);
    }
});
//更改手机号按钮
$('.phone_sure .get').on('click',function(){
    $('.phone_sure').addClass('hide');
    $('.phone_bd').removeClass('hide');
    $('.phone_bd .phone').val('');
    $('.phone_bd .code').val('');
    $('.phone_bd .get_again').addClass('hide');
    $('.phone_bd .get').removeClass('hide');
});
//福卡弹窗点击关闭
$('.kard_mask').on('click',function(){
    $(this).addClass('hide');
});
//机会用完，分享提示关闭按钮
$('.info_no a').on('click',function(){
    $('.info_no').addClass('hide');
});
//游戏规则的显示与隐藏
$('.rule_btn').on('click',function(){
    $('.rule').removeClass('hide');
    $('.model').removeClass('hide');
});
$('.model').on('click',function(){
    $('.rule').addClass('hide');
    $('.model').addClass('hide');
});